<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>My JSP 'login-version1.0.jsp' starting page</title>
    <style>
			#dialog_login{width:320px;height:360px;background:rgba(0,0,0,0.8);position:fixed;top:50%;left:50%;margin-left:-160px;margin-top:-200px;z-index:10;}
			#dialog_login .loginbox{width:300px;height:280px;background:red;margin:50px auto;}
			#dialog_login .loginbox .logo{width:200px;height:50px;margin:0px auto;}
			#dialog_login .loginbox .cnt_p{height:160px;background:pink;}
			#dialog_login .loginbox .cnt_p p{margin-top:15px;font-size:16px;}
			#dialog_login .loginbox .cnt_p p input{width:200px;height:32px;outline:none;}
			#dialog_login .loginbox .cnt_b{height:50px;background:gray;}
			.dialogover{background:#111;position:fixed;top:0;left:0;right:0;bottom:0;opacity:0.5;z-index:9;}
		</style>
  </head>
  <body>
    <!-- 弹窗登录 -->
		<div id="dialog_login">
			<div class="loginbox">
				<div class="logo"><a href="javascript:void(0)"><img src="" width="200" height="50"></a></div>
				<div class="cnt_p">
					<p><label><i class="iconfont icon-star"></i>帐号：</label><input type="text" class="ipt" name="username" placeholder="请输入帐号..."></p>
					<p><label><i class="iconfont icon-star"></i>密码：</label><input type="password" class="ipt" name="password" placeholder="请输入密码..."></p>
					<p><label><i class="iconfont icon-star"></i>验证码：</label><input type="password" class="ipt" name="password" placeholder="请输入密码..."></p>
				</div>
				<div class="cnt_b">
				
				</div>
			</div>
		</div>
  </body>
</html>
